<template>
  <div>
    <h2>广告</h2>
    <img src="https://example.com/ad.jpg" style="width: 100%; height: 200px;" />
    <h2>直播</h2>
    <ul>
      <li v-for="(live, index) in liveStreams" :key="index">
        {{ live.title }} - {{ live.time }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      liveStreams: [
        { title: '直播一', time: '10:00 AM' },
        { title: '直播二', time: '2:00 PM' },
        // 更多直播...
      ]
    };
  }
}
</script>